.main_body {
	/* width: 1238px; */
	display: table;
	height: auto;
	overflow: hidden;
	margin: 30px auto;
	background-color: #FFF;
	border: 1px solid #D9DADC;
}

.footer > a {
	font: inherit;
}

.main_body {
	width: 1240px;
}

.title_type {
	list-style: none;
	padding: 0;
	margin-top: 35px;
	display: table;
	margin-left: 75px;
}

.title_type li {
	text-align: center;
	position: relative;
	cursor: pointer;
	text-align: left;
	margin: 0 0 15px 0;
	color: inherit;
	margin-left: -24px;
	padding-left: 20px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.title_type li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	display: inline-block;
	height: 2px;
	width: 10px;
	font-size: 26px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	opacity: 0;
}

.title_type li.selected {
	color: rgb(68, 181, 73);
	margin-left: -12px;
}

.title_type li.selected:before {
	opacity: 1;
	margin-left: 0;
	background: rgb(68, 181, 73);
}

@keyframes circle {
	0% {
		transform: rotate(-65deg);
	}

	70% {
		transform: rotate(360deg);
	}

	75% {
		transform: rotate(270deg);
	}

	80% {
		transform: rotate(340deg);
	}

	88% {
		transform: rotate(280deg);
	}

	95% {
		transform: rotate(320deg);
	}

	98% {
		transform: rotate(285deg);
	}

	100% {
		transform: rotate(295deg);
	}

}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotate(-65deg);
	}

	70% {
		-webkit-transform: rotate(360deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	80% {
		-webkit-transform: rotate(340deg);
	}

	88% {
		-webkit-transform: rotate(280deg);
	}

	95% {
		-webkit-transform: rotate(320deg);
	}

	98% {
		-webkit-transform: rotate(285deg);
	}

	100% {
		-webkit-transform: rotate(295deg);
	}

}

.main_content {
	width: 88%;
	height: 777px;
	margin: -10px auto 100px auto;
	position: relative;
}

.main_content section {
	position: absolute;
	width: 100%;
	height: 100%;
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
	-webkit-animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	display: none;
}

.main_content section .main_bg {
	position: relative;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.main_content section .name_list {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
}

.main_content .first {
	background-image: url(./images/desert.png);
}

.main_content .first .name_list .name {
	width: 60px;
	height: 105px;
	background-image: url(./images/stele.png);
	position: absolute;
	background-repeat: no-repeat;
	cursor: pointer;
	animation: failDown .5s ease-out forwards;
	-webkit-animation: failDown .5s ease-out forwards;
	opacity: 0;
	color: transparent;
}

.main_content .first .name_list .name .text {
	display: table;
	position: absolute;
	top: 50%;
	left: 18px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	font-size: 16px;
	color: inherit;
}

.main_content .first .name_list .active .text {
	color: #FFEF1E;
	text-shadow: rgba(255, 239, 30, .15) 2px 2px 5px;
}

#describe {
	display: block;
	color: #A27E50;
	width: 100%;
	text-align: center;
	top: 34%;
	font-size: 16px;
	position: absolute;
}

.name_list .name .text {
	line-height: 19px;
}

.main_content .first .name_list .name:nth-child(1) {
	left: 115px;
	top: 180px;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}

.main_content .first .name_list .name:nth-child(2) {
	background-position: -70px 0;
	left: 315px;
	top: 105px;
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.main_content .first .name_list .name:nth-child(3) {
	background-position: -140px 0;
	left: 515px;
	top: 15px;
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}

.main_content .first .name_list .name:nth-child(4) {
	background-position: -210px 0;
	left: 735px;
	top: 105px;
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}

.main_content .first .name_list .name:nth-child(5) {
	background-position: -280px 0;
	left: 905px;
	top: 180px;
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}

.main_content .secend {
	background-image: url(./images/glacier.png);
	z-index: 1;
}

.main_content .secend .name_list .name {
	background-image: url(./images/ice.png);
	position: absolute;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 128px;
	width: 108px;
	animation: downupmove 3s infinite ease alternate;
	-webkit-animation: downupmove 3s infinite ease alternate;
}

.main_content .secend .bigice {
	position: absolute;
	width: 402px;
	height: 205px;
	background-image: url(./images/bigice.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	top: 255px;
	left: 50%;
	margin-left: -201px;
	z-index: 1;
	animation: downupmove 3s .8s infinite ease alternate;
	-webkit-animation: downupmove 3s .8s infinite ease alternate;
}

.main_content .secend .bigice .detail {
	width: 82%;
	margin: 0 auto;
	height: 100%;
	padding: 40px 0 0 30px;
	color: #008BCD;
}

.main_content .secend .bigice .detail p {
	margin-bottom: 2px;
}

.main_content .secend .bigice .detail p:nth-child(1) {
	font-size: 16px;
	margin-bottom: 18px;
}

.main_content .secend .bigice .detail p:nth-child(3) {
	padding-left: 42px;
}

.main_content .secend .name_list .name:nth-child(1) {
	background-position: 0 0;
	top: 228px;
	left: 224px;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.main_content .secend .name_list .name:nth-child(2) {
	background-position: -147px 0;
	top: 152px;
	left: 388px;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.main_content .secend .name_list .name:nth-child(3) {
	background-position: -295px 0;
	top: 160px;
	left: 578px;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.main_content .secend .name_list .name:nth-child(4) {
	background-position: -442px 0;
	top: 228px;
	left: 750px;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}

.main_content .secend .name_list .name:nth-child(5) {
	background-position: -588px 0;
	top: 356px;
	left: 786px;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}

.main_content .secend .name_list .name:nth-child(6) {
	background-position: -735px 0;
	top: 465px;
	left: 600px;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.main_content .secend .name_list .name:nth-child(7) {
	background-position: -883px 0;
	top: 462px;
	left: 360px;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.main_content .secend .name_list .name:nth-child(8) {
	background-position: -1029px 0;
	top: 365px;
	left: 200px;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.main_content .secend .text {
	font-size: 16px;
	display: block;
	position: absolute;
	color: #91DEFF;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.main_content .secend .active .text {
	color: #AA99F7;
	text-shadow: rgba(170, 153, 247, .15) 2px 2px 5px;
}

.secend .dolphin_big {
	width: 300px;
	height: 251px;
	background-image: url(./images/dolphin-big.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 8px;
	left: 280px;
}

.secend .dolphin_Small {
	width: 169px;
	height: 145px;
	background-image: url(./images/dolphin-small.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 80px;
	left: 580px;
}

.main_content .third {
	background-image: url(./images/plain.png);
}

.main_content .third .name_list .active .text {
	color: #F60000;
	text-shadow: rgba(246, 0, 0, .15) 2px 2px 5px;
}

.main_content .third .name_list .name {
	position: absolute;
	background-image: url(./images/Reel.png);
	width: 56px;
	height: 164px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease;
	animation-delay: .5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: .5s;
	opacity: 0;
}

.skewYModifyLeft {
	animation-name: skewYModifyLeft;
	-webkit-animation-name: skewYModifyLeft;
	transform-origin: 0% 50%;
	opacity: 1 !important;
}

.skewYModifyRight {
	animation-name: skewYModifyRight;
	-webkit-animation-name: skewYModifyRight;
	transform-origin: 100% 50%;
	opacity: 1 !important;
}

.main_content .third .name_list .text {
	display: block;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 16px;
	color: #C5B283;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.main_content .third .detail {
	position: absolute;
	width: 100%;
	top: 32%;
	color: #fff;
	line-height: 22px;
}

.main_content .hilight {
	color: #F60000 !important;
	display: initial !important;
}

.main_content section:nth-child(3) .hilight {
	color: #823a36 !important;
	display: initial !important;
}

.main_content .third .detail p {
	width: 350px;
	margin: 0 auto;
}

.main_content .third .detail p:nth-child(2) {
	margin-bottom: 10px;
}

.main_content .third .name_list .name:nth-child(1) {
	top: 124px;
	left: 85px;
}

.main_content .third .name_list .name:nth-child(2) {
	top: 170px;
	left: 156px;
}

.main_content .third .name_list .name:nth-child(3) {
	top: 4px;
	left: 182px;
}

.main_content .third .name_list .name:nth-child(4) {
	top: -24px;
	left: 256px;
}

.main_content .third .name_list .name:nth-child(5) {
	top: 136px;
	left: 256px;
}

.main_content .third .name_list .name:nth-child(6) {
	top: 300px;
	left: 234px;
}

.main_content .third .name_list .name:nth-child(7) {
	top: 20px;
	left: 340px;
}

.main_content .third .name_list .name:nth-child(8) {
	top: -68px;
	left: 430px;
}

.main_content .third .name_list .name:nth-child(9) {
	top: -100px;
	left: 520px;
}

.main_content .third .name_list .name:nth-child(10) {
	top: -25px;
	left: 590px;
}

.main_content .third .name_list .name:nth-child(11) {
	top: 15px;
	left: 700px;
}

.main_content .third .name_list .name:nth-child(12) {
	top: -10px;
	left: 790px;
}

.main_content .third .name_list .name:nth-child(13) {
	top: -60px;
	left: 880px;
}

.main_content .third .name_list .name:nth-child(14) {
	top: 150px;
	left: 880px;
}

.main_content .third .name_list .name:nth-child(15) {
	top: 230px;
	left: 818px;
}

.main_content .third .name_list .name:nth-child(16) {
	top: 360px;
	left: 725px;
}

.main_content .third .name_list .name:nth-child(17) {
	top: 240px;
	left: 970px;
}

.topBottomFloatLeft {
	opacity: 1 !important;
	animation-name: topBottomFloatLeft;
	animation-duration: 3s !important;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important;
	-webkit-animation-name: topBottomFloatLeft;
	-webkit-animation-duration: 3s !important;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important;
}

.topBottomFloatRight {
	opacity: 1 !important;
	animation-name: topBottomFloatRight;
	animation-duration: 3s !important;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important;
	-webkit-animation-name: topBottomFloatRight;
	-webkit-animation-duration: 3s !important;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important;
}

.main_content .fourth {
	background-image: url(./images/The-cliff.png);
}

.main_content .fourth .name_list .name {
	position: absolute;
	width: 86px;
	height: 140px;
	background-repeat: no-repeat;
	background-image: url(./images/Portal-chuansong.png);
	background-position: 5px 98px;
	cursor: pointer;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
}

.main_content .fourth .name_list .name .text {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	z-index: 1;
	color: #fff;
	font-size: 16px;
	text-shadow: #9D5F36 1px 0 0, #9D5F36 0 1px 0, #9D5F36 -1px 0 0, #9D5F36 0 -1px 0;
	-webkit-text-shadow: #9D5F36 1px 0 0, #9D5F36 0 1px 0, #9D5F36 -1px 0 0, #9D5F36 0 -1px 0;
	-moz-text-shadow: #9D5F36 1px 0 0, #9D5F36 0 1px 0, #9D5F36 -1px 0 0, #9D5F36 0 -1px 0;
	opacity: 0;
}

.main_content .fourth .name_list .name .light {
	position: absolute;
	width: 100%;
	bottom: 16px;
	top: 0;
	background-repeat: no-repeat;
	background-image: url(./images/Portal-yellow.png);
	background-position: 19px 0;
	background-size: 49px 100%;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
}

.main_content .fourth .detail {
	position: absolute;
	width: 100%;
	top: 28%;
	color: #fff;
}

.main_content .fourth .detail>span {
	width: 310px;
	margin: 0 auto;
}

.main_content .fourth .detail  span {
	display: block;
}

.main_content .fourth .detail .text_content {
	overflow: hidden;
	line-height: 25px;
}

.main_content .fourth .detail .text_content .title {
	width: 14%;
	float: left;
}

.main_content .fourth .detail .text_content .sentence_con {
	width: 86%;
	float: left;
}

.main_content .fourth .name_list .name:nth-child(1) {
	top: 182px;
	left: 80px;
}

.main_content .fourth .name_list .name:nth-child(2) {
	top: 85px;
	left: 192px;
}

.main_content .fourth .name_list .name:nth-child(3) {
	top: 236px;
	left: 182px;
}

.main_content .fourth .name_list .name:nth-child(4) {
	top: 104px;
	left: 290px;
}

.main_content .fourth .name_list .name:nth-child(5) {
	top: 282px;
	left: 270px;
}

.main_content .fourth .name_list .name:nth-child(6) {
	top: -34px;
	left: 400px;
}

.main_content .fourth .name_list .name:nth-child(7) {
	top: 0px;
	left: 536px;
}

.main_content .fourth .name_list .name:nth-child(8) {
	top: -3px;
	left: 716px;
}

.main_content .fourth .name_list .name:nth-child(9) {
	top: 212px;
	left: 690px;
}

.main_content .fourth .name_list .name:nth-child(10) {
	top: 144px;
	left: 788px;
}

.main_content .fourth .name_list .name:nth-child(11) {
	top: 300px;
	left: 780px;
}

.main_content .fourth .name_list .name:nth-child(12) {
	top: 194px;
	left: 880px;
}

.main_content .fourth .name_list .name:nth-child(13) {
	top: 150px;
	left: 980px;
}

.main_content .fourth .active .text {
	text-shadow: #006D74 1px 0 0, #006D74 0 1px 0, #006D74 -1px 0 0, #006D74 0 -1px 0 !important;
	-webkit-text-shadow: #006D74 1px 0 0, #006D74 0 1px 0, #006D74 -1px 0 0, #006D74 0 -1px 0 !important;
	-moz-text-shadow: #006D74 1px 0 0, #006D74 0 1px 0, #006D74 -1px 0 0, #006D74 0 -1px 0 !important;
}

.main_content .fourth .active .light {
	background-image: url(./images/Portal-blue.png) !important;
}

.fadeInscaleIn {
	animation-name: fadeInscaleIn;
	-webkit-animation-name: fadeInscaleIn;
}

.topLoopModify {
	animation-name: topLoopModify;
	animation-duration: 2s !important;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important;
	-webkit-animation-name: topLoopModify;
	-webkit-animation-duration: 2s !important;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1) !important;
}

@keyframes topLoopModify {
	from {
		top: 0;
		opacity: 1;
	}

	to {
		top: 20px;
		opacity: .3;
	}

}

@keyframes fadeInscaleIn {
	from {
		opacity: 0;
		transform: scale(1, 6);
		transform-origin: 50% 100%;
	}

	to {
		opacity: 1;
		transform: scale(1, 1);
		transform-origin: 50% 100%;
	}

}

@-webkit-keyframes fadeInscaleIn {
	from {
		opacity: 0;
		-webkit-transform: scale(1, 9);
		-webkit-transform-origin: 50% 100%;
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		-webkit-transform-origin: 50% 100%;
	}

}

@keyframes topBottomFloatLeft {
	from {
		transform: skewY(-20deg) translateY(10px);
	}

	to {
		transform: skewY(-20deg) translateY(40px);
	}

}

@-webkit-keyframes topBottomFloatLeft {
	from {
		-webkit-transform: skewY(-20deg) translateY(10px);
	}

	to {
		-webkit-transform: skewY(-20deg) translateY(40px);
	}

}

@keyframes topBottomFloatRight {
	from {
		transform: skewY(20deg) translateY(10px);
	}

	to {
		transform: skewY(20deg) translateY(40px);
	}

}

@-webkit-keyframes topBottomFloatRight {
	from {
		-webkit-transform: skewY(20deg) translateY(10px);
	}

	to {
		-webkit-transform: skewY(20deg) translateY(40px);
	}

}

@keyframes skewYModifyLeft {
	from {
		transform: skewY(0deg);
	}

	to {
		transform: skewY(-20deg) translateY(20px);
	}

}

@-webkit-keyframes skewYModifyLeft {
	from {
		-webkit-transform: skewY(0deg);
	}

	to {
		-webkit-transform: skewY(-20deg) translateY(20px);
	}

}

@keyframes skewYModifyRight {
	from {
		transform: skewY(0deg);
	}

	to {
		transform: skewY(20deg) translateY(20px);
	}

}

@-webkit-keyframes skewYModifyRight {
	from {
		-webkit-transform: skewY(0deg);
	}

	to {
		-webkit-transform: skewY(20deg) translateY(20px);
	}

}

@keyframes downupmove {
	to {
		transform: translateY(20px);
	}

}

@-webkit-keyframes downupmove {
	to {
		-webkit-transform: translateY(20px);
	}

}

@keyframes failDown {
	0% {
		transform: translate(0, -500px);
		opacity: 0;
	}

	80% {
		transform: translate(0);
	}

	90% {
		transform: translate(0, -10%);
	}

	100% {
		transform: translate(0);
		opacity: 1;
		color: #fff;
	}

}

@-webkit-keyframes failDown {
	0% {
		-webkit-transform: translate(0, -500px);
		opacity: 0;
	}

	80% {
		-webkit-transform: translate(0);
	}

	90% {
		-webkit-transform: translate(0, -10%);
	}

	100% {
		-webkit-transform: translate(0);
		opacity: 1;
		color: #fff;
	}

}

@keyframes scaleOut {
	0% {
		transform: translate(0, -500px);
		opacity: 0;
	}

	80% {
		transform: translate(0);
	}

	90% {
		transform: translate(0, -10%);
	}

	100% {
		transform: translate(0);
		opacity: 1;
	}

}

.rotateRight {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateRight;
	animation-name: rotateRight;
}

.rotateLeft {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateLeft;
	animation-name: rotateLeft;
}

.rotateTop {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateBottom;
	animation-name: rotateBottom;
	-webkit-animation-duration: .4s !important;
	animation-duration: .4s !important;
	transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}

.rotateBottom {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateTop;
	animation-name: rotateTop;
	-webkit-animation-duration: .5s !important;
	animation-duration: .5s !important;
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}

.slidLeft {
	-webkit-animation-name: showUp;
	animation-name: showUp;
}

.slidRight {
	-webkit-animation-name: hideDown;
	animation-name: hideDown;
}

.FadeIn {
	-webkit-animation-name: FadeIn;
	animation-name: FadeIn;
	-webkit-animation-duration: .5s !important;
	animation-duration: .5s !important;
	animation-timing-function: ease-in;
}

.FadeOut {
	-webkit-animation-name: FadeOut;
	animation-name: FadeOut;
	-webkit-animation-duration: .5s !important;
	animation-duration: .5s !important;
	animation-timing-function: ease-in;
}

.slidInDownLeft {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: slideInDown 0.5s 0.2s forwards ease-in !important;
	animation: slideInDown 0.5s 0.2s forwards ease-in !important;
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%);
}

.slidOutDownRight {
	-webkit-animation: slideOutDown 0.4s forwards cubic-bezier(0.7, 0, 0.3, 1) !important;
	animation: slideOutDown 0.4s forwards cubic-bezier(0.7, 0, 0.3, 1) !important;
}

.showInTop {
	display: block !important;
}

.isNotTransition {
	.main_content {
		.first .name_list .name {
			opacity: 1;
			color: #fff; 
		}

		.third .name_list .name {
			opacity: 1;
		}

		.fourth .name_list .name .text {
			opacity: 1;
		}

	}

}

@-webkit-keyframes rotateRight {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1200px) rotateY(0deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: perspective(1200px) rotateY(-90deg);
	}

}

@keyframes rotateRight {
	0% {
		opacity: 1;
		transform: perspective(1200px) rotateY(0deg);
	}

	100% {
		opacity: 0;
		transform: perspective(1200px) rotateY(-90deg);
	}

}

@-webkit-keyframes rotateLeft {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1200px) rotateY(90deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: perspective(1200px) rotateY(0deg);
	}

}

@keyframes rotateLeft {
	0% {
		opacity: 0;
		transform: perspective(1200px) rotateY(90deg);
	}

	100% {
		opacity: 1;
		transform: perspective(1200px) rotateY(0deg);
	}

}

@-webkit-keyframes rotateTop {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1200px) rotateX(0deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: perspective(1200px) rotateX(-90deg);
	}

}

@keyframes rotateTop {
	0% {
		opacity: 1;
		transform: perspective(1200px) rotateX(0deg);
	}

	100% {
		opacity: 0;
		transform: perspective(1200px) rotateX(-90deg);
	}

}

@-webkit-keyframes rotateBottom {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1200px) rotateX(270deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: perspective(1200px) rotateX(0deg);
	}

}

@keyframes rotateBottom {
	0% {
		opacity: 0;
		transform: perspective(1000px) rotateX(90deg);
	}

	100% {
		opacity: 1;
		transform: perspective(1000px) rotateX(0deg);
	}

}

@-webkit-keyframes FadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@keyframes FadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@-webkit-keyframes FadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}

}

@keyframes FadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}

}

.vanishIn {
	-webkit-animation-name: vanishIn;
	animation-name: vanishIn;
}

@-webkit-keyframes vanishIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2, 2);
		-webkit-filter: blur(90px);
	}

	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		-webkit-filter: blur(0px);
	}

}

@keyframes vanishIn {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2, 2);
		-webkit-filter: blur(90px);
		-moz-filter: blur(90px);
		-ms-filter: blur(90px);
		filter: blur(90px);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}

}